<script setup>
	import {
		onMounted,
		ref
	} from 'vue';

	const sureBtn = ref(true)
	const dat = ref(5)
	setTimeout(() => {
		sureBtn.value = false
	}, 1000 * 5)

	function goToLogin() {
		uni.navigateBack()
		uni.$emit('upadateCheckState', {
			checkState: true
		})
	}
	onMounted(()=> {
		
	})
</script>

<template>
	<view class="upa page">
		<view class="content">
			用户隐私协议
			剩余时间：{{ dat }}
		</view>
		<view class="btn" :class="[sureBtn? 'sureBtnT' : 'sureBtnF']">
			<button @click="goToLogin()" :disabled="sureBtn">确定</button>
		</view>
	</view>
</template>

<style scoped lang="scss">
	.upa {
		.content {
			color: $uni-color-black;
		}

		.btn {
			margin-top: 4vh;
			padding: 0 4vw;
			height: 6vh;

		}

		.sureBtnT {
			button {
				color: #ffffff;
				font-size: 4vw;
				border-radius: 6vh;
				background-color: rgba(0, 0, 0, 0.2);
			}
		}

		.sureBtnF {
			button {
				color: #ffffff;
				font-size: 4vw;
				border-radius: 6vh;
				background-color: $uni-title-border-color;
			}
		}
	}
</style>